/* HSH - Theme */

.frontend .container,
.frontend .container-fluid,
.frontend .container-lg,
.frontend .container-md,
.frontend .container-sm,
.frontend .container-xl,
.frontend .container-xxl {
  padding: 0 30px;
}

@media (max-width:991.98px) {

  .frontend .container,
  .frontend .container-fluid,
  .frontend .container-lg,
  .frontend .container-md,
  .frontend .container-sm,
  .frontend .container-xl,
  .frontend .container-xxl {
    max-width: none;
    padding: 0 10px;
  }
}

.frontend .row,
.setting-container .row,
.integration-container .row {
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

.g-10,
.gx-10 {
  --bs-gutter-x: 2.5rem;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0rem;
}

.header {
  height: 80px;
  transition: left ease;
  background-color: #fff
}

.timezone-header-block{
  margin: 8px 0;
}

.timezone-header-block span{
    /* filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(188deg) brightness(83%) contrast(93%); */
    vertical-align: middle;
    margin-left: 0px;
}

.menu_1 {
  height: auto;
}

.menu_1 .horizontal-submenu ul>li.nav-item.active a {
  transition: color .2s ease, background-color .2s ease;
  background-color: transparent !important;
  color: #4285f4 !important;
  border-radius: 0;
}

.menu_1 .nav-item.active {
  border-bottom: 2px solid #4285f4;
}

.menu_1.header-navbar {
  min-height: auto !important;
}

.menu_1 .horizontal-submenu ul li>a.nav-link {
  padding: .85rem 1rem !important;
  font-size: 1.05rem;
  color: #5e6278 !important;
  font-weight: 500;
  border-radius: .475rem;
}

.menu_1.gray {
  background: #efefef;
}

.is-sticky .header {
  box-shadow: 0 10px 30px 0 rgb(82 63 105 / 8%);
}

.brand-text {
  max-height: 52px !important;
  max-width: 190px !important;
  width: auto;
  margin: 5px auto;
}

/* Flex : sets the flexible length on flexible items */
.flex-center {
  justify-content: center;
  align-items: center
}

.flex-stack {
  justify-content: space-between;
  align-items: center
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

@media (min-width:992px) {
  .py-lg-5 {
    padding-bottom: 1.25rem !important;
  }

  .v-height-35 {
    height: calc(100vh - 35vh) !important;
  }
}

/* END - HSH - Theme */

/* Global Property */
.h-50 {
  height: 50% !important;
}
.h-60 {
  height: 60% !important;
}

.h-70 {
  height: 70% !important;
}

.h-80 {
  height: 80% !important;
}

.h-90 {
  height: 90% !important;
}

.h-100 {
  height: 100% !important;
}

.f-weight-400 {
  font-weight: 400;
}

.f-weight-500 {
  font-weight: 500;
}

.f-weight-600 {
  font-weight: 600;
}

.f-weight-700 {
  font-weight: 700;
}

.text-muted {
  color: #B5B5C3 !important;
}

.text-primary {
  color: #4285f4 !important;
}

.text-gray {color: #B5B5C3 !important;}
.text-gray-2 {color: #4b5675 !important;}
.text-dueon {color: #ff7f40 !important;}

a.text-primary:hover,
a.text-primary:focus {
  color: #659CF6 !important;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #181C32 !important;
}

label.error,
.help-block {
  color: #f64e60;
  font-weight: normal;
  margin-top: 2px;
  display: block;
  width: 100%;
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.font-size-lg {
  font-size: 1.35rem;
}

.font-size-md {
  font-size: 1.1rem;
}

.font-size-sm {
  font-size: 0.925rem;
}

.font-size-h1 {
  font-size: 2rem !important;
}

.font-size-h2 {
  font-size: 1.75rem !important;
}

.font-size-h3 {
  font-size: 1.5rem !important;
}

.font-size-h4 {
  font-size: 1.35rem !important;
}

.font-size-h5 {
  font-size: 1.25rem !important;
}

.font-size-h6 {
  font-size: 1.175rem !important;
}

.font-size-h7 {
  font-size: 1rem !important;
}

.text-dark-75{color:#3F4254 !important;}
.font-weight-300{font-weight:300 !important;}
.font-weight-bold{font-weight:500 !important;}
.font-weight-bolder{font-weight:600 !important;}
.font-break-all{word-break:break-all !important;}
.flex-grow-1{-webkit-box-flex:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important;}
.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important;}
.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;}
.separator{height:0;}
.separator.separator-solid{border-bottom:1px solid #EBEDF3;}
.separator.separator-dashed{border-bottom:1px solid #e4e6ef;border-bottom-style: dashed;}
.separator{display:block;height:0;border-bottom:1px solid #eff2f5;}


.bg-blue{background-color: #3699FF !important;}
.bg-light-primary {background-color: #f1faff!important;}
.btn-gray {color: #3F4254;background-color: #E4E6EF;border-color: #E4E6EF;}
.btn-gray:hover:not(.btn-active) {color: #3F4254;border-color: #B5B5C3;background-color: #B5B5C3 !important;}
.btn.btn-light-dark {color: #181C32;background-color: #D1D3E0;border-color: transparent;}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled){color: #ffffff;background-color: #181C32;border-color: transparent;}

.pl-4, .px-4{padding-left:1rem !important;}
.pr-4, .px-4{padding-right:1rem !important;}
.pt-4, .py-4{padding-top:1.5rem !important;}
.pb-9, .py-9{padding-bottom:2.25rem !important;}
.pt-9, .py-9{padding-top:2.25rem !important;}
.pb-3, .py-3{padding-bottom:1rem !important;}
.pt-3, .py-3{padding-top:1rem !important;}
.pb-2, .py-2{padding-bottom:0.5rem !important;}
.pt-2, .py-2{padding-top:0.5rem !important;}
.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important;}
.p-9x{padding: 0.65rem !important;}

.mr-n2, .mx-n2{margin-right:-0.5rem !important;}
.mt-n1, .my-n1{margin-top:-0.25rem !important;}
.mt-05, .my-05{margin-top: 0.5rem !important;}
.mb-05,.my-05{margin-bottom:0.5rem !important;}
.mb-6,.my-6{margin-bottom:5rem !important;}
.mt-10px{margin-top: 10px;}
.ml-05 {margin-left: 0.5rem !important;}
.mr-05 {margin-right:0.5rem !important;}
.img-10 { width: 10%;} 
.img-20 { width: 20%;} 
.img-30 { width: 30%;} 
.img-40 { width: 40%;} 

/* Borders */
.border-botton-gray {background-color: #ffffff;border-bottom: 1px solid #EBEDF3;}

/* Alignment */
.v-align-middle{vertical-align: middle;}

/* Assignment Page */
.survey_list_container .not_mandatory{position:absolute;right:2.8%;top:33%;}
.card-custom{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#ffffff;background-clip:border-box;border:1px solid #EBEDF3;border-radius:0.42rem;box-shadow:0px 0px 30px 0px rgb(82 63 105 / 5%);border:0;}
.card-custom.card-stretch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;word-wrap:break-word}
.card-custom > .card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:70px;padding-top:0;padding-bottom:0;background-color:transparent;padding:2rem 2.25rem;margin-bottom:0;background-color:#ffffff;border-bottom:1px solid #EBEDF3;}
.card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label{font-weight:500;font-size:1.275rem;color:#181C32;}
.card.card-custom > .card-header .card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0.5rem;margin-left:0;text-transform:inherit;}

.card-custom .card-subheader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:70px;padding:2rem 2.25rem;margin-bottom:0;background-color:#ffffff;border-bottom:1px solid #EBEDF3;}
.card.card-custom .card-subheader .card-title, .card.card-custom .card-subheader .card-title .card-label{font-weight:500;font-size:1.275rem;color:#181C32;}
.card.card-custom .card-subheader .card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0.5rem;margin-left:0;text-transform:inherit;}
.card.card-custom .card-subheader .card-title.font-sm {font-size: 1.1rem !important;}

.card-custom .title span{font-size:13px}
.card-custom .button-group{padding-bottom:20px}
.card-custom .card-footer .card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.5rem;margin-left:0;text-transform:inherit}
.bs-callout-primary-light{display:block;background-color:#eef4ff;border-radius:.25rem;color:#020e0f;box-shadow:#eef4ff 0 1px 3px 0,#eef4ff 0 0 0 1px}
.symbol{display:inline-block;-ms-flex-negative:0;flex-shrink:0;position:relative;border-radius:.42rem}
.symbol.symbol-left-overflow{margin-left:-7px}
.symbol .symbol-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;color:#3f4254;background-color:#f3f6f9;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:.42rem}
.symbol>img{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:.42rem}
.symbol.symbol-light-light .symbol-label{background-color:#f3f6f9;color:#f3f6f9}
.symbol.symbol-45 .symbol-label{width:45px;height:45px}
.symbol.symbol-50>img{width:100%;max-width:50px;height:50px}
.symbol.symbol-50 .symbol-label{width:50px;height:50px}
.symbol.symbol-light .symbol-label{background-color:#f3f6f9;color:#7e8299}
.symbol.symbol-60>img{width:100%;max-width:60px;height:60px}
.symbol.symbol-60 .symbol-label{width:60px;height:60px}
.symbol.symbol-60 .symbol-badge{width:12px;height:12px}
.symbol.symbol-140>img{width:100%;max-width:140px;height:140px}
.symbol.symbol-140 .symbol-label{width:140px;height:140px}
.symbol.symbol-140 .symbol-badge{width:12px;height:12px}
.symbol.symbol-xxl-100>img{width:100px;height:100px}
.symbol.symbol-xxl-100 .symbol-label{width:100px;height:100px}
.symbol .symbol-badge{position:absolute;border:2px solid #fff;border-radius:100%;top:0;left:100%;transform:translateX(-50%) translateY(-50%)!important}
.ribbon{position:relative}
.ribbon .ribbon-target{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;position:absolute;z-index:1;background-color:#3699ff;-webkit-box-shadow:0 -1px 5px 0 rgba(0,0,0,.1);box-shadow:0 -1px 5px 0 rgba(0,0,0,.1);color:#fff}
.ribbon .ribbon-target>.ribbon-inner{z-index:-1;position:absolute;padding:0;width:100%;height:100%;top:0;left:0}
.ribbon .ribbon-target:after{border-color:#004d9c}
.ribbon-ver .ribbon-target{padding:5px 10px;min-width:36px;min-height:46px;text-align:center}
.ribbon.ribbon-top .ribbon-target{border-bottom-right-radius:.42rem;border-bottom-left-radius:.42rem}
.ribbon.ribbon-bottom .ribbon-target{border-top-right-radius:.42rem;border-top-left-radius:.42rem}
.ribbon.ribbon-left .ribbon-target{border-top-right-radius:.42rem;border-bottom-right-radius:.42rem}
.ribbon.ribbon-right .ribbon-target{border-top-left-radius:.42rem;border-bottom-left-radius:.42rem}
.ribbon.ribbon-clip.ribbon-left .ribbon-target{left:-10px}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner{border-top-right-radius:.42rem;border-bottom-right-radius:.42rem}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:after,.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before{content:"";position:absolute;border-style:solid;border-color:transparent!important;bottom:-10px}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before{border-width:0 10px 10px 0;border-right-color:#181c32!important;left:0}
.ribbon.ribbon-clip.ribbon-right .ribbon-target{right:4px}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner{border-top-left-radius:.42rem;border-bottom-left-radius:.42rem}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:after,.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before{content:"";position:absolute;border-style:solid;border-color:transparent!important;bottom:-10px}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before{border-width:0 0 10px 10px;border-left-color:#181c32!important;right:0}
.svg-icon.svg-icon-3x svg{height:3.5rem!important;width:3.5rem!important}
.svg-icon.svg-icon-4x svg{height:4rem!important;width:4rem!important}
.svg-icon svg{height:1.5rem;width:1.5rem}
.svg-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#B5B5C3}

/* User Card */
.user-card .title {
  font-weight: 500;
  font-size: 1.275rem;
  color: #181C32;
}

.input-group .preview-password {
  float: right;
  position: absolute;
  z-index: 3;
  right: 2%;
  top: 30%;
  font-size: 17px;
}

.iframe-header {
  height: auto;
}

.iframe-header .title {
  padding: 0 30px;
  margin: 0;
  background-color: transparent !important;
  color: #181C32;
}

.iframe-footer {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
  padding: 2rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
}

.iframe-footer .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.5rem;
  margin-left: 0;
  text-transform: inherit;
}

/* Puls button */
.blob {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.blob.white {
  background: white;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.blob.red {
  background: rgba(255, 82, 82, 1);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.blob.orange {
  background: rgba(255, 121, 63, 1);
  box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
  animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}

.blob.yellow {
  background: rgba(255, 177, 66, 1);
  box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
  animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

.blob.blue {
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}

.blob.green {
  background: rgba(51, 217, 178, 1);
  box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
  animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

.blob.purple {
  background: rgba(142, 68, 173, 1);
  box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
  animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}

.blob.yellow-2 {
  background: #ffc700;
  box-shadow: 0 0 0 0 #fff8dd;
  animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 #fff8dd;
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

/* Custom Inner Menubar */
.hsh-inner-menu {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
}

.hsh-inner-menu .hsh-inner-menu-item {
  padding: 0;
  display: block;
  list-style: none;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 1.5rem;
}

.hsh-inner-menu.hsh-inner-menu-link-rounded .hsh-inner-menu-item .hsh-inner-menu-link {
  border-radius: 0.42rem;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #3F4254;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link {
  font-size: 1.2rem;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 1.5rem;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link:hover {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #3699FF;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link.active {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #3699FF;
}

.hsh-inner-menu.hsh-inner-menu-hover .hsh-inner-menu-item .hsh-inner-menu-link:hover {
  background-color: #F3F6F9;
}

.hsh-inner-menu.hsh-inner-menu-active .hsh-inner-menu-item .hsh-inner-menu-link.active {
  background-color: #F3F6F9;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link:hover .hsh-inner-menu-text {
  color: #3699FF;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link.active .hsh-inner-menu-text {
  color: #3699FF;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-icon {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-icon {
  line-height: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.hsh-inner-menu.hsh-inner-menu-bold .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-text {
  font-weight: 500;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-text {
  color: #3F4254;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-text {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-text {
  font-size: 1rem;
}

.hsh-inner-menu .hsh-inner-menu-item .hsh-inner-menu-link .hsh-inner-menu-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* Spinner Css */
.hsh_spinner {
  position: relative;
  animation: none !important;
}

.hsh_spinner:before {
  content: '';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  border: 2px solid #d1d3e0;
  border-right: 2px solid transparent
}

.hsh_spinner:before {
  width: 22px;
  height: 22px;
  margin-top: -0.8rem;
}

.hsh_spinner.spinner-center:before {
  left: 50%;
  margin-left: -.75rem
}

.hsh_spinner.spinner-left:before {
  right: auto
}

.hsh_spinner.spinner-right:before {
  left: auto
}

.hsh_spinner.spinner-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -.625rem
}

.hsh_spinner.spinner-sm.spinner-center:before {
  left: 50%;
  margin-left: -.625rem
}

.hsh_spinner.spinner-sm.spinner-left:before {
  right: auto
}

.hsh_spinner.spinner-sm.spinner-right:before {
  left: auto
}

.hsh_spinner.spinner-lg:before {
  width: 2rem;
  height: 2rem;
  margin-top: -1rem
}

.hsh_spinner.spinner-lg.spinner-center:before {
  left: 50%;
  margin-left: -1rem
}

.hsh_spinner.spinner-lg.spinner-left:before {
  right: auto
}

.hsh_spinner.spinner-lg.spinner-right:before {
  left: auto
}

.hsh_spinner:before {
  -webkit-animation: animation-spinner .5s linear infinite;
  animation: animation-spinner .5s linear infinite
}

.hsh_spinner.spinner-primary:before {
  border: 2px solid #3699ff;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-primary:focus:before {
  border: 2px solid #ffffff;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-primary:before {
  border: 2px solid #1287ff;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-secondary:before {
  border: 2px solid #e4e6ef;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-secondary:before {
  border: 2px solid #ced1e2;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-success:before {
  border: 2px solid #1bc5bd;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-success:before {
  border: 2px solid #17a69f;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-info:before {
  border: 2px solid #8950fc;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-info:before {
  border: 2px solid #712dfb;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-warning:before {
  border: 2px solid #ffa800;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-warning:before {
  border: 2px solid #db9000;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-danger:before {
  border: 2px solid #f64e60;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-danger:before {
  border: 2px solid #f42c41;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-light:before {
  border: 2px solid #f3f6f9;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-light:before {
  border: 2px solid #dbe4ed;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-dark:before {
  border: 2px solid #181c32;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-dark:before {
  border: 2px solid #0c0e1a;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-white:before {
  border: 2px solid #fff;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-darker-white:before {
  border: 2px solid #ededed;
  border-right: 2px solid transparent
}

.hsh_spinner.spinner-right:before {
  left: auto;
  right: 1rem
}

.hsh_spinner.spinner-right.btn:not(.btn-block) {
  padding-right: 3.5rem
}

.hsh_spinner.spinner-right.btn:not(.btn-block).spinner-sm {
  padding-right: 3.25rem
}

.hsh_spinner.spinner-right.btn:not(.btn-block).spinner-lg {
  padding-right: 4rem
}

.hsh_spinner.spinner-left:before {
  right: auto;
  left: 1rem
}

.hsh_spinner.spinner-left.btn:not(.btn-block) {
  padding-left: 3.5rem
}

.hsh_spinner.spinner-left.btn:not(.btn-block).spinner-sm {
  padding-left: 3.25rem
}

.hsh_spinner.spinner-left.btn:not(.btn-block).spinner-lg {
  padding-left: 4rem
}

.hsh_spinner.spinner-track:before {
  -webkit-animation: animation-spinner .5s linear infinite;
  animation: animation-spinner .5s linear infinite
}

.hsh_spinner.spinner-track.spinner-primary:before {
  border: 2px solid #cfe7ff;
  border-top-color: #2791ff
}

.hsh_spinner.spinner-track.spinner-darker-primary:before {
  border: 2px solid #9ccdff;
  border-top-color: #037fff
}

.hsh_spinner.spinner-track.spinner-secondary:before {
  border: 2px solid #fff;
  border-top-color: #dadde9
}

.hsh_spinner.spinner-track.spinner-darker-secondary:before {
  border: 2px solid #fff;
  border-top-color: #c4c8dc
}

.hsh_spinner.spinner-track.spinner-success:before {
  border: 2px solid #8aefea;
  border-top-color: #19b8b0
}

.hsh_spinner.spinner-track.spinner-darker-success:before {
  border: 2px solid #5de9e2;
  border-top-color: #159892
}

.hsh_spinner.spinner-track.spinner-info:before {
  border: 2px solid #eee6ff;
  border-top-color: #7f41fc
}

.hsh_spinner.spinner-track.spinner-darker-info:before {
  border: 2px solid #cdb4fe;
  border-top-color: #671efb
}

.hsh_spinner.spinner-track.spinner-warning:before {
  border: 2px solid #ffdc99;
  border-top-color: #f09e00
}

.hsh_spinner.spinner-track.spinner-darker-warning:before {
  border: 2px solid #ffcb66;
  border-top-color: #cc8600
}

.hsh_spinner.spinner-track.spinner-danger:before {
  border: 2px solid #fde0e3;
  border-top-color: #f53f53
}

.hsh_spinner.spinner-track.spinner-darker-danger:before {
  border: 2px solid #fbafb7;
  border-top-color: #f41d34
}

.hsh_spinner.spinner-track.spinner-light:before {
  border: 2px solid #fff;
  border-top-color: #e9eef4
}

.hsh_spinner.spinner-track.spinner-darker-light:before {
  border: 2px solid #fff;
  border-top-color: #d1dde8
}

.hsh_spinner.spinner-track.spinner-dark:before {
  border: 2px solid #4a5699;
  border-top-color: #131628
}

.hsh_spinner.spinner-track.spinner-darker-dark:before {
  border: 2px solid #394377;
  border-top-color: #070910
}

.hsh_spinner.spinner-track.spinner-white:before {
  border: 2px solid #fff;
  border-top-color: #f7f7f7
}

.hsh_spinner.spinner-track.spinner-darker-white:before {
  border: 2px solid #fff;
  border-top-color: #e6e6e6
}

.spinner-grow {
  vertical-align: sub
}

.spinner-border {
  vertical-align: sub
}

@-webkit-keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

/* End-Spinner Css */

/* Media Query */
@media (min-width: 320px) and (max-width: 480px) {

  /* CSS */
  .ml-sm-0{margin-left: 0 !important;}
  .mt-sm-1{margin-top: 1rem;}
  
  .card-custom.card-stretch {height: auto;}

  /* Attemp Q/A View */
  .checklist-container {/* margin: 20px; */margin: 0 10px;}
  .checklist-container #questions .question_container_box{padding: 0 !important;}
  .checklist-container #questions .question_container_box .choiceCategory{border-bottom: 1px dashed #3699ff !important;}

  .iframe-header {display: none !important;}

  .iframe-footer .card-toolbar {width: 100%;text-align: center;}
}

#wave {
  position: relative;
  height: 70px;
  width: 600px;
  background: #e0efe3;
}

#wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 340px;
  height: 80px;
  background-color: white;
  right: -5px;
  top: 40px;
}

#wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 300px;
  height: 70px;
  background-color: #e0efe3;
  left: 0;
  top: 27px;
}

/* Setting page */
.image-input {
  position: relative;
  display: inline-block;
  border-radius: 0.42rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-input .image-input-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 0.42rem;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.image-input [data-action=change] {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}

.image-input [data-action=change] input {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}

.image-input [data-action=cancel],
.image-input [data-action=remove] {
  position: absolute;
  right: -10px;
  bottom: -5px;
}

.image-input [data-action=cancel] {
  display: none;
}

.image-input.image-input-changed [data-action=cancel] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-input.image-input-changed [data-action=remove] {
  display: none;
}

.image-input.image-input-empty [data-action=remove],
.image-input.image-input-empty [data-action=cancel] {
  display: none;
}

.image-input.image-input-circle {
  border-radius: 50%;
}

.image-input.image-input-circle .image-input-wrapper {
  border-radius: 50%;
}

.image-input.image-input-circle [data-action=change] {
  right: 5px;
  top: 5px;
}

.image-input.image-input-circle [data-action=cancel],
.image-input.image-input-circle [data-action=remove] {
  right: 5px;
  bottom: 5px;
}

.image-input.image-input-outline .image-input-wrapper {
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
}

.btn .svg-icon {
  margin-right: 0.5rem;
}

.btn .svg-icon svg {
  height: 18px;
  width: 18px;
}

.btn.btn-xs i {
  font-size: 1rem;
  padding-right: 0.3rem;
}

.btn.btn-xs .svg-icon {
  margin-right: 0.3rem;
}

.btn.btn-xs .svg-icon svg {
  height: 16px;
  width: 16px;
}

.btn.btn-sm i,
.btn-group-sm>.btn i {
  font-size: 1.3rem;
  padding-right: 0.35rem;
}

.btn.btn-sm .svg-icon,
.btn-group-sm>.btn .svg-icon {
  margin-right: 0.35rem;
}

.btn.btn-sm .svg-icon svg,
.btn-group-sm>.btn .svg-icon svg {
  height: 16px;
  width: 16px;
}

.btn.btn-lg i,
.btn-group-lg>.btn i {
  font-size: 1.5rem;
  padding-right: 0.75rem;
}

.btn.btn-lg .svg-icon,
.btn-group-lg>.btn .svg-icon {
  margin-right: 0.75rem;
}

.btn.btn-lg .svg-icon svg,
.btn-group-lg>.btn .svg-icon svg {
  height: 20px;
  width: 20px;
}

.btn.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  height: calc(1.5em + 1.3rem + 2px);
  width: calc(1.5em + 1.3rem + 2px);
}

.btn.btn-icon.btn-xs {
  height: 24px;
  width: 24px;
}

.btn.btn-icon.btn-sm,
.btn-group-sm>.btn.btn-icon {
  height: calc(1.35em + 1.1rem + 2px);
  width: calc(1.35em + 1.1rem + 2px);
}

.btn.btn-icon.btn-lg,
.btn-group-lg>.btn.btn-icon {
  height: calc(1.5em + 1.65rem + 2px);
  width: calc(1.5em + 1.65rem + 2px);
}

.btn.btn-icon.btn-circle {
  border-radius: 50%;
}

.btn.btn-icon i {
  padding: 0;
  margin: 0;
}

.btn.btn-icon [class^=socicon-]:before,
.btn.btn-icon [class*=" socicon-"]:before {
  line-height: 1;
}

.btn.btn-icon .svg-icon {
  margin: 0;
  padding: 0;
}

.btn.btn-fixed-height {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn.btn-fixed-height.btn {
  height: calc(1.5em + 1.3rem + 2px);
}

.btn.btn-fixed-height.btn-sm,
.btn-group-sm>.btn.btn-fixed-height {
  height: calc(1.35em + 1.1rem + 2px);
}

.btn.btn-fixed-height.btn-lg,
.btn-group-lg>.btn.btn-fixed-height {
  height: calc(1.5em + 1.65rem + 2px);
}

.btn.btn-white.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
  box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}

.btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-white:focus:not(.btn-text),
.btn.btn-white.focus:not(.btn-text) {
  color: #3F4254;
  background-color: #F3F6F9 !important;
  border-color: #F3F6F9 !important;
}

.btn.btn-light-orange {
  color: #ffffff !important;
  background-color: #FEAC2F !important;
  border-color: #feb443 !important;
}

.btn.btn-light-primary {
  color: #3699FF;
  background-color: #E1F0FF;
  border-color: transparent;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled):not(.disable_hover),
.btn.btn-light-primary:focus:not(.btn-text),
.btn.btn-light-primary.focus:not(.btn-text) {
  color: #FFFFFF !important;
  background-color: #3699FF;
  border-color: transparent;
}

.btn.btn-light-success {
  color: #1BC5BD;
  background-color: #C9F7F5;
  border-color: transparent;
}

.btn.btn-light-danger {
  color: #f1416c;
  border-color: #fff5f8;
  background-color: #fff5f8;
}

.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-danger:focus:not(.btn-text),
.btn.btn-light-danger.focus:not(.btn-text) {
  color: #fff;
  border-color: #f1416c;
  background-color: #f1416c !important;
}

.btn.btn-light-dark {
  color: #181C32;
  border-color: #EFF2F5;
  background-color: #EFF2F5;
}

.btn.btn-light-dark:focus:not(.btn-active), .btn.btn-light-dark:hover:not(.btn-active){
  color: #ffffff;
  border-color: #181C32;
  background-color: #181C32 !important;
}

.btn.btn-square {
  border-radius: 0;
}

.btn.btn-pill {
  border-radius: 2rem;
}

.btn.btn-hover-scale {
  transition: transform .3s ease;
}

.btn.btn-hover-scale:hover {
  transform: scale(1.05);
  transition: transform .3s ease;
}

/* Badge */
.badge.badge-light-orange {background-color: #feac2f !important;}
.badge.badge-light-primary {background-color: #009ef7 !important;}
.badge.badge-light-secondary {color:#dbdfe9; background-color: #e8fff3 !important;}
.badge.badge-light-success {color:#50cd89; background-color: #e8fff3 !important;}
.badge.badge-light-info {color: #7239ea; background-color : #f8f5ff !important;}
.badge.badge-light-warning {color: #ffc700; background-color: #fff8dd !important;}
.badge.badge-light-danger {color:#f1416c; background-color:#fff5f8 !important;}
.badge.badge-light-dark {color: #071437; background-color: #f1f1f2 !important;}

.badge-outline {
  border: 1px solid;
  color: #ef2525 !important;
  background-color: transparent;
  margin-top: 5px !important;
}


/* Bullet Custom */
.bullet {
  display: inline-block;
  background-color: #b5b5c3;
  border-radius: 6px;
  width: 8px;
  height: 4px;
  flex-shrink: 0;
}

.bullet-vertical {
  width: 4px;
  height: 8px;
}

/* Quiz Module */
.doc_hint {
  background: #d2e4fa;
  padding: 5px 10px;
  border: 1px solid #aac8ec;
  border-radius: 5px;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

.doc_hint_danger{
  background: antiquewhite;
  padding: 5px 10px;
  border: 1px solid #f1d0a4;
  border-radius: 5px;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

.hsh-accordion{
  display: block;
  border-radius: 0.25rem;
  color: #020e0f;
  box-shadow: #eef4ff 0px 1px 3px 0px, #eef4ff 0px 0px 0px 1px;
}

.hsh-accordion .accordionHeader p{
  margin-bottom: 0;
}

/* End: Quiz Module */

.pageheader {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
  z-index: 95;
  -webkit-box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
  box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
  background-color: #ffffff;
  border-top: 1px solid #EBEDF3;
  margin: 0;
}

.pageheader .header_body {
  margin: 0.5rem 0 0.5rem;
}

.pageheader-separator {
  background-color: #EBEDF3 !important;
  width: 1px;
  height: 22px;
  border-radius: 2px;
}

.pageheader ul li {
  font-size: 1rem;
  line-height: 1.45;
}

.pageheader ul li a {
  color: #3699FF;
}

.pageheader .breadcrumb-item+.breadcrumb-item::before {
  color: inherit;
}

@media (min-width: 992px) {
  .aside-enabled.pageheader-fixed .pageheader {
    left: 240px;
  }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .card-custom .card-toolbar a span {
    margin-top: 1px;
  }
  .container-fluid.py-5{
    padding: 2.5rem 0 4rem 0 !important
    /* padding-bottom: 70px !important; */
  }
  
  .canvas-holder{
    width: 300px !important;
    height: 500px !important;
  }
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .canvas-holder{
      width: 700px !important;
      height: 800px !important;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  .p-sm-0{
    padding: 0 !important;
  }
  
  .btn-view-signed-policy{
    padding-left: 5px !important;
    white-space: pre;
  }
  .btn-view-signed-policy:not('.view-file') i{padding-left: 5px !important;}
  .btn-view-signed-policy.view-file{padding: 5px 5px 3px 5px !important;line-height: 0;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  
}

/* Custom Multiselect Dropdown */
.integration-container .multiselect-container>li>a>label.checkbox {
  width: 100% !important;
  padding-left: 1rem;
}

/* skills checklist pagination */
.checklist-container .scaleMatrixTable .skip_checkboxall{padding-top: 4px;}
.notice p{margin: 0;}

.m-05{
  margin: 0.5rem !important;
}
.d-inline-grid{
  display: inline-grid !important;
}

#wrapper_1:after {
  content: "";
  position: absolute;
  width: 0.5px;
  height: 65%;
  top: 32%;
  left: 100%;
  border: 1px dashed #eaeaea;
  display: block;
}

@media only screen and (max-width: 600px) {
  #wrapper_1:after {
    border: unset;
    display: none;
  }
}

.focus-none:focus {
  outline: none !important;
}

.disabledDiv {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

.header-box{
  padding: 10px 10px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    margin: 0 0px 35px 0 !important;
}

.header-box .iradio_square-green{
  margin: 0px 5px 0px 0;
}

.assignmentBySingle .form-group{
  margin-bottom: 1.5rem !important;
  /* max-height: 300px !important;
  height: auto !important; */
}

#newAssessmentForm .height-300 {
  max-height: 300px !important;
  height: auto !important;
}

@media (max-width:991px) {
  #user-courses, .survey_list_container {
    margin-bottom:60px;
  }
}
@media (max-width:767px) {
  #user-courses,.survey_list_container {
    margin-bottom:73px;
  }
}
@media (max-width:575px) {
  #user-courses,.survey_list_container {
    margin-bottom:60px;
  }
}
@media (max-width:320px) {
  #user-courses,.survey_list_container {
    margin-bottom:113px;
  }
}

/* esignature related changes */
@font-face {
  font-family: 'Freehand';
  src: url('../../../fonts/Freehand.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cedarville Cursive';
  src: url('../../../fonts/Cedarville Cursive.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mrs Saint Delafield';
  src: url('../../../fonts/Mrs Saint Delafield.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Shadows Into Light';
  src: url('../../../fonts/Shadows Into Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sacramento';
  src: url('../../../fonts/Sacramento.ttf');
  font-weight: normal;
  font-style: normal;
}
#fullName {
  font-family: 'Freehand';
  height: 110px;
  font-size: 42px;
  text-indent: 15px;
}
#uploadSignImg {
  height: 120px;
  width: auto;
}

#signatureTable #signImg{
  max-height: 100px;
}

@media (max-width: 480px) {
  .w-xs-100 {
    width: 100%;
  }
}

.shadow-none {
  box-shadow: none;
}

.breadcrumb_chevron {
  margin-right: 2px;
  width: 13px;
}

.card-footer .btn-gray {
  line-height: inherit;
}

@media (max-width: 480px) {
  .btn {
    border-radius: 30px;
  }
  .card-footer .btn-gray {
    background-color: transparent !important;
    border: none;
    padding-left: 0 !important;
  }
  .card-footer .card-toolbar {
    display: flex;
    justify-content: space-between;
  }
}

.back_btn {
  padding:0.5rem 0.7rem;
  margin-bottom: 5px;
  font-size: 13px;
  line-height:initial
}

.modal-open .modal {
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}

@media (max-width:991px) {
  .e-sign-popup {
    flex-direction: column !important;
  }
  .e-sign-popup ul {
    flex-direction: row !important;
    padding-bottom: 0 !important;
  }
  .e-sign-popup ul li{
    margin-bottom: 0 !important;
    margin-right: 15px;
  }

}
@media (max-width: 480px) { 
  .e-sign-popup ul li a{
    padding: 13px 22px !important
  }
}

.frontend .main-menu .navbar-container {
  margin-top:19px
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
  z-index: 999; /* Ensure it's on top of other content */
  transition: opacity 0.5s ease-in-out;
}

@media (min-width:576px) {
  .echart_div {
    width: 90%;
  }
}
@media (max-width:767px) and (min-width:481px) {
  .frontend .container-fluid .content-body {
    margin-top: 1rem
  }
}

/* Survey Module:Admin Panel */
.survey-question-option-menu .dropdown-item#upload-question-by-csv i{padding: 5px 0px;}
.survey-question-option-menu .dropdown-item#upload-question-by-csv span{text-wrap: wrap;margin-left: 4px;}
.switchery-disabled + .switchery {
  cursor: default;
}

#addonForm .scroll-arrow {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

#addonForm .scroll-arrow:focus {
  outline: none; /* It will remove outline on focus as well */
}

#addonForm .prev-arrow {
  left: -7px;
}

#addonForm .next-arrow {
  right: -7px;
}

@media (max-width:575px) {
  .addonCarousel .card-container {
    overflow-x: scroll;
  }
}

.addon_value {
  max-width: 215px;
}

.addonTableView  {
  border-radius: 2px;
}
.addonTableView thead {
  border: 1px solid #E1F0FE;
  background-color:#E1F0FE; 
  border-color:#E1F0FE;
}

.addonTableView tbody {
  border: 1px solid #E4E7ED;
}

.user-select-none {
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important
}

.skeleton-text{
  background: #eee;
  color: #eee;
  border-radius: 5px;
}

.card--skeleton .course-img {
  width: 75px;
  height: 50px;
  background: #eee;
}
.card--skeleton .visit-icon {
  width: 39px;
  height: 39px;
  margin-top: 6px;
}

.card--skeleton::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);

  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  animation: loading 1s infinite;
}

@keyframes loading {
  0% {
    transform: skewX(-10deg) translateX(-100%);
  }
  100% {
    transform: skewX(-10deg) translateX(200%);
  }
}